<%--商城的首页--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>华为手机商城</title>
    <link rel="stylesheet" href="../../static/shopping/css/style.css">
    <script src="../../static/shopping/js/jquery-1.8.3.min.js"></script>
    <script src="../../static/shopping/js/banner.js"></script>
    <link href="../../static/boostrap/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
    <script type="text/javascript" src="../../static/js/safe/ms_common.min.js"></script>
    <script type="text/javascript" src="../../static/js/sui.js"></script>
    <link rel="stylesheet" href="../../css/safe/css.css">
    <link rel="stylesheet" href="../../css/safe/common.min.css">
    <link rel="stylesheet" href="../../css/safe/ms-style.min.css">
    <link rel="stylesheet" href="../../css/safe/personal_member.min.css">
    <link rel="stylesheet" href="../../css/safe/Snaddress.min.css">
    <link rel="stylesheet" href="../../css/sui.css">
    <style type="text/css">

        .ng-footer {
            height: 130px;
            margin-top: 0;
        }


        .ng-s-footer {
            height: 130px;
            background: none;
            text-align: center;
        }

        .ng-s-footer p.ng-url-list {
            height: 25px;
            line-height: 25px;
        }

        .ng-s-footer p.ng-url-list a {
            color: #666666;
        }

        .ng-s-footer p.ng-url-list a:hover {
            color: #f60;
        }

        .ng-s-footer .ng-authentication {
            float: none;
            margin: 0 auto;
            height: 25px;
            width: 990px;
            margin-top: 5px;
        }

        .ng-s-footer p.ng-copyright {
            float: none;
            width: 100%;
        }

        .root1200 .ng-s-footer p.ng-copyright {
            width: 100%;
        }

        body {
            background: #f5f5f5;
        }
        .sui-table th{
            padding: 16px 8px;
            line-height: 18px;
            text-align: center;
            vertical-align: middle;
            border-top: 1px solid #e6e6e6;
            font-weight: normal;
            font-size: 14px;
            color: #333333;
        }
        .sui-table td {
            padding: 16px 8px;
            line-height: 18px;
            text-align: center;
            vertical-align: middle;
            border-top: 1px solid #e6e6e6;
            font-weight: normal;
            font-size: 12px;
            color: #333333;
        }
        img {
            max-width: 100%;
            height: auto;
            /*vertical-align: bottom;*/
            border: 0;
            -ms-interpolation-mode: bicubic;
            margin-left: -10px;
        }
        a{
            color: #000000;
        }
    </style>
</head>
<body>
<div class="container-fluid">
    <%--表头行--%>

    <div class="top1">
        <a href="${pageContext.request.contextPath}/toIndex">首页</a>
        <a href="https://consumer.huawei.com/cn/" target="_blank">华为官网</a>
        <a href="https://www.honor.cn/" target="_blank">荣耀官网</a>
        <a href="https://club.huawei.com/" target="_blank">花粉俱乐部</a>
        <a href="#">V码（优购码）</a>
        <a href="https://company.vmall.com/" target="_blank">企业购</a>
        <a href="#">Select Region</a>
        <a href="${pageContext.request.contextPath}/toAdmin">管理员登陆</a>
        <a class="icon-dropdown">更多精彩</a>
        <span class="fr">
                 <c:if test="${sessionScope.user==null}">
                     <a href="${pageContext.request.contextPath}/toLogin">你好,请登录</a>
                     <a href="${pageContext.request.contextPath}/toRegister">注册</a>
                 </c:if>

                <c:if test="${sessionScope.user!=null}">
                    <a href="#">欢迎回来! ${sessionScope.users.account}</a>
                    <a href="${pageContext.request.contextPath}/toLogin">退出</a>
                    <a href="#">我的订单</a>
                </c:if>

                <c:if test="${sessionScope.loginUser!=null&& sessionScope.loginUser.type==1}">
                    <a href="">后台管理</a>
                </c:if>
                     <a href="#">客户服务</a>
                     <a href="#">网站导航</a>
                     <a href="#">手机版</a>
                     <a href="${pageContext.request.contextPath}/toCart_list">购物车</a>

           </span>
    </div>


    <li class="nav w">
        <ul>
            <li>
                <img src="../../static/shopping/images/cs.jpg"  alt="">
                <img src="../../static/shopping/images/zc.jpg"  alt="">
            </li>
            <li>
                <a href="${pageContext.request.contextPath}/toShop_list">商品展示</a>
                <a href="${pageContext.request.contextPath}/getShop_hot">热销商品</a>
                <a href="${pageContext.request.contextPath}/toUserUpdate">账户管理</a>
            </li>
            <li>
                &nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;
                <input style="width: 200px;height: 25px" type="text" name="name" placeholder="请输入手机名称">
                <input type="submit"  style="height: 25px;width: 40px"  value="搜索">
            </li>
        </ul>
    </li>

</div>
<hr>
<div id="ms-center" class="personal-member">
    <div class="cont">
        <div class="cont-side">
            <div class="side-neck" style="margin-top: 20px;">
                <i></i>
            </div>
            <div class="ms-side" style="margin-top: 20px;">
                <article class="side-menu side-menu-off">
                    <dl class="side-menu-tree" style="padding-left: 50px;">
                        <dt><img src="img/左侧/我的购物车.png"  style="margin-right: 10px;margin-left: -20px;"/>我的购物车</dt>
                        <dt><img src="img/左侧/file.png"  style="margin-right: 10px;margin-left: -20px;"/>订单管理</dt>
                        <dd>
                            <a href="#">我的订单</a>

                        </dd>
                        <dd>
                            <a href="#">我的收藏</a>

                        </dd>
                        <dd>
                            <a href="#">我的评价</a>

                        </dd>
                        <dd>
                            <a href="#">我的足迹</a>

                        </dd>
                        <dd>
                            <a href="#">我的拍卖</a>

                        </dd>
                        <dd>
                            <a href="#">我的优惠券</a>

                        </dd>
                        <dt><img src="img/左侧/我的买啦.png"  style="margin-right: 10px;margin-left: -20px;"/>我的买啦</dt>
                        <dd>
                            <a href="#">我的推荐</a>

                        </dd>
                        <dd>
                            <a href="#">我的钱包</a>

                        </dd>
                        <dd>
                            <a href="#">我要提现</a>

                        </dd>
                        <dd>
                            <a href="#">我的买豆</a>

                        </dd>
                        <dt><img src="img/左侧/v-card-3.png"  style="margin-right: 10px;margin-left: -20px;"/>售后服务</dt>
                        <dd>
                            <a href="#">退换货</a>

                        </dd>
                        <dd>
                            <a href="#">意见/投诉</a>

                        </dd>
                    </dl>

                    <a ison="on" class="switch-side-menu icon-up-side"><i></i></a>
                </article>
            </div>
        </div>
        <div class="cont-main">
            <div class="main-wrap mt15" style="border: 0px;">
                <!--<h3>
                    <strong>我的会员等级</strong>
                </h3>-->
                <div class="server-wrapper">
                    <div class="server-tab" style="margin-top: 26px;">
                        <div style=" float: left;vertical-align: bottom;text-align: center;">
                            <div style="width: 680px;padding: 10px;float: left;background-color: #fff;height: 250px;">
                                <div style="float: left;width:200px ;height: 152px;border: 1px #ccc solid;box-shadow: 1px 1px 1px #F5F5F5;padding: 5px;">
                                    <div style="width: 100%;height: 100%;border: 1px #F2873B dashed;">
                                        <span style="font-size: 18px;color: #686868;font-weight: bold;display: block;    display: block; width: 100px; margin-left: 50px;    margin-top:20px;">2021一月</span>
                                        <span style="font-size: 36px;color: #F88600;display: block;    display: block; width: 100px; margin-left: 50px;margin-top: 28;">12</span>
                                        <input  type="button" value="签到领买豆" style="background-color: #f56a48;border-radius: 5px;color: #fff; font-size:14px;border: 0px;width: 107px;height: 26px;margin-top: 30px;" />
                                    </div>
                                </div>

                                <div style="float: left;width:200px ;height: 152px;;margin-left: 20px;border: 1px #ccc solid;box-shadow: 1px 1px 1px #F5F5F5;padding: 5px;">
                                    <div style="width: 100%;height: 100%;border: 1px #F2873B dashed;">
                                        <span style="font-size: 18px;color: #686868;font-weight: bold;display: block;    display: block; width: 100px; margin-left: 50px; margin-bottom: 20px;   margin-top: 20px;">我的资产</span>
                                        <span style="width: 87px;height: 20px;background-color: #fee3dc;padding: 5px;border: 1px #C62B26 dashed;border-radius: 5px;">显示今日收益</span>
                                        <img src="img/我的买豆/矢量智能对象.png" style="position: absolute; margin-top: 30px;  margin-left: -80px;;" />
                                    </div>
                                </div>

                                <div style="float: left;width:200px ;height: 152px;margin-left: 20px;border: 1px #ccc solid;box-shadow: 1px 1px 1px #F5F5F5;padding: 5px;">
                                    <div style="width: 100%;height: 100%;border: 1px #F2873B dashed;">
                                        <span style="font-size: 18px;color: #686868;font-weight: bold;display: block;    display: block; width: 100px; margin-left: 50px;    margin-top: 20px; margin-bottom: 20px;">我的买豆</span>
                                        <span style="width: 87px;height: 20px;background-color: #fee3dc;padding: 5px;border: 1px #C62B26 dashed;border-radius: 5px;">显示今日收益</span>
                                        <img src="img/我的买豆/猪的图标.png" style="position: absolute; margin-top: 13px;  margin-left: -80px;;" />									</div>
                                </div>

                                <div style="border-top:1px #ccc solid;width: 650px;position: absolute;margin-top: 200px;margin-left: 20px;float: left;"></div>
                                <div style="position: absolute;margin-top: 230px;font-size: 14px;color: #686868;float: left;">
                                </div>
                            </div>

                            <div style="float: left;width:250px ;height: 152px;margin-left: 20px;">
                                <p style="font-size: 14px;color: #686868;text-align:center;background-color: #fff;padding: 10px;color: #F88600;font-size: 14px;">菜单管理</p>
                                <div style="background-color: #fff;margin-top: 10px;height: 300px;padding: 10px;">
                                    <p style="font-size: 16px;text-align: left;">我的优惠券</p>
                                    <img src="img/个人中心/组-15.png"/>
                                    <img src="img/个人中心/组-14.png" style="margin-top: 20px;"/>
                                    <p style="margin-top: 30px;font-size: 14px;color: #686868;">全部优惠券(<font color="red">10</font>)</p>
                                </div>

                                <div style="background-color: #fff;margin-top: 10px;height: 200px;padding: 10px;">
                                    <p style="font-size: 20px;text-align: left;">收藏的商品</p>
                                    <img src="img/个人中心/形状-1.png" style="margin-top: 20px;"/>
                                    <p style="margin-top: 30px;font-size: 14px;color: #686868;">您的收藏空空的，赶紧<br/>
                                        去首页看看购物吧</p>
                                </div>

                                <div style="background-color: #fff;margin-top: 10px;height: 300px;padding: 10px;">
                                    <p style="font-size: 16px;text-align: left;">购物车</p>
                                    <div style="float:left ;">
                                        <img src="../../static/shopping/images/s10.png" style="margin-top: 10px;height: 100px;width: 100px;float: left;"/>
                                        <br />
                                        <span style="display: block;float: left;margin-left: 10px;color: #f78642;font-size: 16px;">¥4399</span>
                                        <del style="float: left;margin-left: 20px;">¥4999</del>
                                        <p style="width: 100px;font-size: 12px;color: #686868">手机</p>
                                    </div>
                                    <div style="float:left ;">
                                        <img src="../../static/shopping/images/s11.png" style="margin-top: 10px;height: 100px;width: 100px;float: left;margin-left: 20px;"/>
                                        <br />
                                        <span style="display: block;float: left;margin-left: 40px;color: #f78642;font-size: 16px;">¥4399</span>
                                        <del style="float: left;margin-left: 20px;">¥4999</del>
                                        <p style="width: 100px;margin-left: 20px;font-size: 12px;color: #686868;">手机</p>
                                    </div>

                                    <p style="margin-top: 30px;font-size: 14px;color: #686868;">查看购物车(<font color="red">3</font>)</p>

                                </div>


                                <div style="background-color: #fff;margin-top: 10px;height: 200px;padding: 10px;">
                                    <p style="font-size: 16px;text-align: left;">我的足迹</p>
                                    <img src="img/个人中心/矢量智能对象.png" style="margin-top: 20px;"/>
                                    <p style="margin-top: 30px;font-size: 14px;color: #686868;">您还没有留下任何足迹呢！</p>
                                </div>


                            </div>

                            <!--右侧---end------->

                            <div style="width: 680px;padding:10px;display: inline-block; float: left;margin-top: 20px;background-color: #fff;">
                                <div style="border-bottom: 1px #ccc solid;">
                                    <p style="font-size: 20px;text-align: left;">我的物流</p>
                                </div>
                                <div style="padding: 20px 20px;border-bottom: 1px #F5F5F5 solid;height: 150px;">
                                    <div style="float: left;margin-top: 10px;">
                                        <img src="../../static/shopping/images/s5.png" />
                                    </div>
                                    <div style="float: left;margin-top: 20px;">
                                        <p>在晚睡协会-菜鸟包裹扫描，快件已被签收</p>
                                        <p>2021-1-1 12:20:30  <strong>查看物流信息</strong> </p>
                                    </div>
                                    <div style="float: right;margin-right: 20px;margin-top: 50px;">
                                        <button style="border: 1px #ccc solid;padding: 5px;background-color: #fff;">确认收货</button>
                                    </div>

                                </div>
                                <div style="padding: 20px 20px;border-bottom: 1px #F5F5F5 solid;height: 150px;">
                                    <div style="float: left;margin-top: 10px;">
                                        <img src="../../static/shopping/images/s3.png" />
                                    </div>
                                    <div style="float: left;margin-top: 20px;">
                                        <p>在晚睡协会-菜鸟包裹扫描，快件已被签收</p>
                                        <p>2021-1-1 12:20:30  <strong>查看物流信息</strong> </p>
                                    </div>
                                    <div style="float: right;margin-right: 20px;margin-top: 50px;">
                                        <button style="border: 1px #ccc solid;padding: 5px;background-color: #fff;">确认收货</button>
                                    </div>

                                </div>
                                <div style="padding: 20px 20px;border-bottom: 1px #F5F5F5 solid;height: 150px;">
                                    <div style="float: left;margin-top: 10px;">
                                        <img src="../../static/shopping/images/s23.png" />
                                    </div>
                                    <div style="float: left;margin-top: 20px;">
                                        <p>在晚睡协会-菜鸟包裹扫描，快件已被签收</p>
                                        <p>2021-1-1 12:20:30  <strong>查看物流信息</strong> </p>
                                    </div>
                                    <div style="float: right;margin-right: 20px;margin-top: 50px;">
                                        <button style="border: 1px #ccc solid;padding: 5px;background-color: #fff;">确认收货</button>
                                    </div>

                                </div>
                                <p style="text-align: center;margin-top: 30px;">展开全部信息</p>
                                <!--<div style="float:left;display: inline;border: 1px #ccc solid;display: inline-block;background-color: #f5f5f5;height: 25px;width: 150px;">
                                   <input type="text" placeholder="搜索会员编号"  style="padding-left:5px;width:130px;border: 0px;background-color: #fff;line-height: 25px;border-right: 0px #ccc solid;" />
                                   <img src="img/搜索.png"  style="height: 10px;width: 10px;  margin-left: 2px; margin-bottom: 5px;" />
                                   </div> -->
                            </div>

                            <%--<div style="width: 680px;padding:10px;display: inline-block; margin-top: 20px;background-color: #fff;float: left;border-bottom: 1px #ccc solid;padding-bottom: 20px;">--%>
                                <%--<span style="text-align: left;line-height: 20px;">根据浏览 猜你喜欢</span>--%>
                            <%--</div>--%>
                            <%--<div style="width: 680px;padding:10px;display: inline-block; margin-top:0px;background-color: #fff;float: left;">--%>
                                <%--<div style="padding:10px ;text-align: center;float: left;">--%>
                                    <%--<div style="float: left;margin-left: 30px">--%>
                                        <%--<img src="img/wdxx_01.png" />--%>
                                        <%--<p style="width: 180px;">乐扣乐扣彼得兔水杯系列700ml便携式茶杯</p>--%>
                                        <%--<span style="display: block;float: left;margin-left: 10px;color: #f78642;font-size: 16px;">¥156</span>--%>
                                        <%--<del style="margin-left: 0px;margin-top: 10px;">¥189</del>--%>
                                        <%--<dl style="    float: left; margin-top: 30px; margin-left: -50px;">好评：90%</dl>--%>
                                        <%--<dl style="float: right;margin-top: 30px;">月销量：56</dl>--%>
                                    <%--</div>--%>

                                    <%--<div style="float: left;margin-left: 30px">--%>
                                        <%--<img src="img/wdxx_01.png" />--%>
                                        <%--<p style="width: 180px;">乐扣乐扣彼得兔水杯系列700ml便携式茶杯</p>--%>
                                        <%--<span style="display: block;float: left;margin-left: 10px;color: #f78642;font-size: 16px;">¥156</span>--%>
                                        <%--<del style="margin-left: 0px;margin-top: 10px;">¥189</del>--%>
                                        <%--<dl style="    float: left; margin-top: 30px; margin-left: -50px;">好评：90%</dl>--%>
                                        <%--<dl style="float: right;margin-top: 30px;">月销量：56</dl>--%>
                                    <%--</div>--%>

                                    <%--<div style="float: left;margin-left: 30px;">--%>
                                        <%--<img src="img/wdxx_01.png" />--%>
                                        <%--<p style="width: 180px;">乐扣乐扣彼得兔水杯系列700ml便携式茶杯</p>--%>
                                        <%--<span style="display: block;float: left;margin-left: 10px;color: #f78642;font-size: 16px;">¥156</span>--%>
                                        <%--<del style="margin-left: 0px;margin-top: 10px;">¥189</del>--%>
                                        <%--<dl style="    float: left; margin-top: 30px; margin-left: -50px;">好评：90%</dl>--%>
                                        <%--<dl style="float: right;margin-top: 30px;">月销量：56</dl>--%>
                                    <%--</div>--%>

                                <%--</div>--%>

                                <%--<div style="padding:10px ;text-align: center;float: left;">--%>
                                    <%--<div style="float: left;margin-left: 30px">--%>
                                        <%--<img src="img/wdxx_01.png" />--%>
                                        <%--<p style="width: 180px;">乐扣乐扣彼得兔水杯系列700ml便携式茶杯</p>--%>
                                        <%--<span style="display: block;float: left;margin-left: 10px;color: #f78642;font-size: 16px;">¥156</span>--%>
                                        <%--<del style="margin-left: 0px;margin-top: 10px;">¥189</del>--%>
                                        <%--<dl style="    float: left; margin-top: 30px; margin-left: -50px;">好评：90%</dl>--%>
                                        <%--<dl style="float: right;margin-top: 30px;">月销量：56</dl>--%>
                                    <%--</div>--%>

                                    <%--<div style="float: left;margin-left: 30px">--%>
                                        <%--<img src="img/wdxx_01.png" />--%>
                                        <%--<p style="width: 180px;">乐扣乐扣彼得兔水杯系列700ml便携式茶杯</p>--%>
                                        <%--<span style="display: block;float: left;margin-left: 10px;color: #f78642;font-size: 16px;">¥156</span>--%>
                                        <%--<del style="margin-left: 0px;margin-top: 10px;">¥189</del>--%>
                                        <%--<dl style="    float: left; margin-top: 30px; margin-left: -50px;">好评：90%</dl>--%>
                                        <%--<dl style="float: right;margin-top: 30px;">月销量：56</dl>--%>
                                    <%--</div>--%>

                                    <%--<div style="float: left;margin-left: 30px;">--%>
                                        <%--<img src="img/wdxx_01.png" />--%>
                                        <%--<p style="width: 180px;">乐扣乐扣彼得兔水杯系列700ml便携式茶杯</p>--%>
                                        <%--<span style="display: block;float: left;margin-left: 10px;color: #f78642;font-size: 16px;">¥156</span>--%>
                                        <%--<del style="margin-left: 0px;margin-top: 10px;">¥189</del>--%>
                                        <%--<dl style="    float: left; margin-top: 30px; margin-left: -50px;">好评：90%</dl>--%>
                                        <%--<dl style="float: right;margin-top: 30px;">月销量：56</dl>--%>
                                    <%--</div>--%>

                                <%--</div>--%>


                            </div>


                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div class="clear "></div>
    <div class="ng-footer ">

			<textarea class="footer-dom " id="footer-dom-02 ">
			</textarea>
        <div class="ng-fix-bar "></div>
    </div>
</body>
</html>
